@charset "utf-8";
/* CSS Document */
.menu-btn{ height:85px; width:25px;cursor:pointer; display:none; position:fixed; right:3%; top:0}
.menu-btn span{display:block; height:2px; width:25px; background:#fff; margin-bottom:5px}

.header.scroll .menu-btn span, .header:hover .menu-btn span{background:#15499a;}
.menu-btn .line1{ margin-top:35px}
.m-menu{ width:100%; height:100%; background:rgba(0,0,0,0.85); color:#f5f5f5; z-index:9999; position:fixed; text-align:center; display:none; left:0; top:0}
.m-menu .closed{ width:37px; height:37px; background:url(../images/close.png) no-repeat; position:absolute; right:5%; top:5%; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s;}
.m-menu li a{ color:#f5f5f5; font-size:24px; line-height:50px; display:block}

.m-menu li.last form {width: 80%;margin:25px auto;max-width: 360px;position:relative; z-index:99;}
.m-menu li.last form #searchInput {background: #FFF;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;height: 40px;width: calc(100% - 84px);-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 10px;border-radius:3px; border:none}
.m-menu li.last form #searchBtn {width: 80px;height: 40px;background: #006934;color: #FFF;margin-left: -3px;border-radius:3px;  border:none}



.m-menu ul{ position:absolute; top:40%; margin-top:-180px;width:100%;}
.m-menu .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.m-foot{ position:fixed; width:100%; height:55px; left:0; bottom:0;background:#15499a; color:#fff; display:none; z-index:1500}
.m-foot li{ float:left; width:33.3%; text-align:center;}
.m-foot li a{ color:#fff; font-size:12px; display:block;}
.m-foot li.li2 a{ background:url(../images/kf-emails.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li3 a{ background:url(../images/fltel.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li4 a{ background:url(../images/right_pic6.png) no-repeat center 3px; padding-top:25px}
.m-foot li.li2 a span{display: block;}


.phshow{ display:none !important}
.pcshow{ display: block !important}


@media screen and (max-width:1600px){
.iabout .conn p{ line-height:30px;}
.iabout .more{ margin-top:40px;}
.title{ margin-bottom:30px;}
.wrap{ width:84%;}

.iBnr3-box .t1{font-size:45px;letter-spacing:3px;}
.section{ padding:70px 0 80px 0;}
.sectionpre{ padding-top:70px;}
.sectionnext{ padding-bottom:80px;}

.title h3{font-size:36px;}
.iproduct .item .text h3{ font-size:22px; margin-bottom: 10px;}
.nprolist .item .text h3{ font-size:22px; margin-bottom: 10px;}
.iBnr3-box{ top:40%;}
.inews .item .wenzi h3{ font-size:17px;}
.iabout .title h3{ font-size:28px;}

.header .menu li .menu_a{font-size:17px; margin:0 18px;}

.nab02 .item .text h3{ font-size: 22px; line-height:50px; padding-top:60px;}
.nab02 .item .text p{ font-size:17px; line-height:35px;}
.ncate .item h3{ font-size:18px;}

.title h4{font-size:30px; padding-bottom:15px;}
}

@media screen and (max-width:1366px){
.wrap{ width:88%;}
.iBnr3-box .t1{font-size:42px;}

.header{height:100px;}
.header.active, .header.scroll, .header:hover{ height:85px; }

.header .logo{ margin-top:-40px;}
.header .logo img{ height:80px;}
.footer li:nth-child(1) img{ height:70px;}
.header.active .logo, .header.scroll .logo, .header:hover .logo{ margin-top:-35px;}
.header.active .logo img, .header.scroll .logo img, .header:hover .logo img{height:70px;}
.header .menu li .menu_a{ line-height:100px;}
.header.active .menu li .menu_a, .header.scroll .menu li .menu_a, .header:hover .menu li .menu_a{line-height:85px;}
.header .tel a{ font-size:22px !important}
.iBnr3-box{ top:42%;}
.inews .item .wenzi h3{ font-size:16px;}

.footer .fcontent{ padding:30px 0 60px 0;}
.iabout .title h3{ font-size:26px;}
.header .menu li .menu_a{ margin:0 15px}
.iabout .more{ margin-top:30px;}
.nbanner img{ width:110%; margin-left:-5%;}

.rencailn .kuai .title h4{ font-size:18px; margin-bottom:0px; padding-bottom:0px}
.rencailn .kuai .title h3{ font-size:26px;}

.newsItem-date{width: 90px;margin-right: 30px;}
.newsItem-date .day{font-size: 38px; line-height:65px;}
.newsItem-date .year{ margin-top:12px;}
.newsItem-img{width: 27%;margin-right: 30px;}
.newsItem-con{width: calc(100% - 27% - 150px);}
.newsItem .newsItem-title{ font-size:20px;}
.newsItem .newsItem-text{ margin: 12px 0 15px 0;}
.newsItem .CommonBtn{ margin-top:15px;}
.newsxiang .ntitle h3{ font-size:24px;}
.videoList li .tit{ font-size:17px;padding: 10px 0 15px 0;}

.nab02 .item .text h3{ font-size: 20px; line-height:40px; padding-top:60px;}
.nab02 .item .text p{ font-size:16px; line-height:32px;}


}

@media screen and (max-width:1240px){
.wrap{ width:92%;}
body{ font-size:14px;line-height:28px;}
.iBnr3-box .t1{font-size:36px;}
.section{ padding:60px 0 70px 0;}
.sectionpre{ padding-top:60px;}
.sectionnext{ padding-bottom:70px;}
.title h3{font-size:32px; padding-bottom:20px;}
.iBnr3-box{ top:45%;}
.inews .item .wenzi h3{ font-size:15px;}
.footer .copyright{ padding:15px 0; }
.iabout .title h3{ font-size:24px;}
.iabout .title{ margin-bottom:20px;}
.iabout .conn p{ line-height:28px;}
.header .menu li .menu_a{ margin:0 12px}
.header .tel a{font-size:20px !important}
.header .tel{ padding-left:35px;}
.iabout img{ width:110%; margin-left:-5%}
.footer li{ line-height:30px;}
.iproduct .item .text h3{ font-size:20px;}
.nprolist .item .text h3{ font-size:20px;}
.title{ margin-bottom:25px;}
.inews .item .wenzi{ padding:15px 15px 15px 15px;}
.nbanner img{ width:120%; margin-left:-10%;}
.newsItem .newsItem-title{ font-size:18px;}

.nab02 .item .text h3{ font-size:18px; padding-top:40px;}
.nab02 .item .text p{ font-size:15px; line-height:30px;}

.title h4{font-size:26px; padding-bottom:15px;}

.prodetail .wenzi h3{ font-size:26px; margin: 0px 0 15px 0; }
}
@media screen and (max-width:1140px){
.header .menu li .menu_a{margin:0 10px}
.iabout img{ width:120%; margin-left:-10%}
}
@media screen and (max-width:1024px){
.menu-btn{ display:block;}
.header .menu, .header .tel{ display:none;}
.header, .header .wrap{height:85px;}
.header .logo{ margin-top:-35px;}
.header .logo img{ height:70px;}
.footer li:nth-child(1) img{ height:60px;}
.banner, .banner-box{height:480px; min-height:480px;}
#index-bnr .bnr-img{height:480px; min-height:480px;}
.iBnr3-box .t1{font-size:30px;}
.title h3{font-size:28px; }
.iabout:after{ width:100%}
.iabout .company{ width:100%}
.footer{ margin-bottom:55px;}
.m-foot{ display: block;}
.footer .fcontent{ padding:30px 0 40px 0;}
.newsItem-date{width: 70px;margin-right:30px;}
.newsItem-date .day{font-size: 30px; line-height:55px;}
.newsItem-date .year{ margin-top:8px;}
.newsItem-img{width: 27%;margin-right: 20px;}
.newsItem-con{width: calc(100% - 27% - 130px);}
.newsxiang .ntitle h3{ font-size:22px;}
.videoList li .tit{ font-size:16px;}
.ncate .item h3{ font-size:16px;}
.title h4{font-size:24px;}
.prodetail .use{ margin-top:50px;}
}
@media screen and (max-width:920px){
.wrap{ width:94%;}
.section{ padding:50px 0 60px 0;}
.sectionpre{ padding-top:50px;}
.sectionnext{ padding-bottom:60px;}
.iproduct .item .text h3{ font-size:18px;}
.nprolist .item .text h3{ font-size:18px;}
.banner, .banner-box{height:430px; min-height:430px;}
#index-bnr .bnr-img{height:430px; min-height:430px;}
.iBnr3-box .t1{font-size:26px;}
.title h3{font-size:24px; }
.footer li:nth-child(4), .footer li:nth-child(5){ display:none}
.nbanner img{ width:140%; margin-left:-20%;}
.nnav{height: 48px; line-height: 48px; margin-top: -48px;}
.location{ display:none}
.nnav .nmenu{ float:none}
.nnav li a{ font-size:15px; padding: 0 15px}

.rencailn .kuai .title h4{ font-size:16px;}
.rencailn .kuai .title h3{ font-size:24px;}

.rencailn .swiper-button-next.swiper-button-disabled{background:url(../images/arrow-next02.png) no-repeat center !important; background-size:cover;}
.rencailn .swiper-button-prev.swiper-button-disabled{background:url(../images/arrow-prev02.png) no-repeat center !important; background-size:cover;}
.rencailn .swiper-button-next, .rencailn .swiper-button-prev{ width:40px; height:40px; }
.rencailn .swiper-button-next{ background:url(../images/arrow-next02h.png) no-repeat center; left:auto; right:80px; bottom:20px !important; background-size:cover;}
.rencailn .swiper-button-prev{ background:url(../images/arrow-prev02h.png) no-repeat center; background-size:cover;}

.rencailn .kuai .pic{ width:100%; }
.rencailn .kuai .wenzi{ position: relative; width:100%; height:auto; top:auto; right:auto}
.rencailn .kuai .wenzi .inn{position: relative; padding:20px 20px 30px 20px;  }
.rencailn .kuai .wenzi .title{ margin-bottom:15px;}

.newsItem .newsItem-title{ font-size:16px;}
.newsxiang .ntitle h3{ font-size:20px;}
.newsxq-col-btn{ padding:15px;}


.nab01 .abpic{ width: 100%; float:none; margin-bottom:20px;}
.nab01 .abtext{ width: 100%; float:none}
.nab01 .abtext h3{ font-size:22px;}

.nab02 .item .text h3{ padding-top:20px;}

.nproxiang .pic{ float:none; width:100%; margin-bottom:10px;}
.nproxiang .text{ float:none; width:100%;}

.ncate .item{ width:100%; float:none; margin-bottom:10px;}
.ncate .item:nth-child(2){ float:none; width:100%}

.title h4{font-size:22px;}
.nproxiang .tuchu{ position: relative; bottom:auto; right:auto; margin-top:20px;}
.nproxiang .tuchu img{ height:auto; width:auto; max-width:100%}

.prodetail .wenzi h3{ font-size:22px;}
.shangxia li{ float:left; width:50%;}
.shangxia li:nth-child(2){ float:right}
.shangxia li a{ margin:0 20px; line-height:60px;}
}

@media screen and (max-width:768px){
.section{ padding:40px 0 50px 0;}
.sectionpre{ padding-top:40px;}
.sectionnext{ padding-bottom:50px;}
.menu-btn{ height:70px;}
.header.active, .header.scroll, .header:hover{ height:70px; }
.header .logo{ margin-top:-30px;}
.header .logo img{ height:60px;}
.footer li:nth-child(1) img{ height:60px;}
.header.active .logo, .header.scroll .logo, .header:hover .logo{ margin-top:-30px;}
.header.active .logo img, .header.scroll .logo img, .header:hover .logo img{height:60px;}
.header, .header .wrap{height:70px;}
.menu-btn .line1{ margin-top:28px;}
.menu-btn{ width:22px;}
.menu-btn span{width:22px; }
.banner, .banner-box{height:360px; min-height:360px;}
#index-bnr .bnr-img{height:360px; min-height:360px;}
.iproduct .item .text .morebox{margin: 15px 0 0 0;}
.nprolist .item .text .morebox{margin: 15px 0 0 0;}
.iabout:after{ display:none}
.iabout .title h3:after{ background:#fff}
.iabout .inn{ position: relative;background-color: rgba(21,73,154,0.7); left:auto; -moz-transform: translate(0%,0%); -webkit-transform: translate(0%,-0%); transform: translate(-0%,-0%); top: auto; }
.iabout .company{ width:100%}
.iabout .title h3{ font-size:22px; margin-top:-10px;}
.footer li:nth-child(6){ display:none}
.nbanner img{ width:150%; margin-left:-25%;}
.feedback .form .row_1 input{ line-height:40px; height:40px;}
.feedback .form .column{ float:none; width:100%; margin-right:0%; }
.feedback .form .row .submit{ margin: 20px auto;}
.footer li:nth-child(1) img{ margin-bottom:0 !important; }
.rencailn .kuai .title h3{ font-size:22px;}

.hrtop{ font-size:17px; line-height:50px;padding: 0px 15px; margin-bottom:15px;}
.hrlist li{  margin-bottom:12px; }
.hrlist .toptit{ line-height:45px;}
.hrtop span:nth-child(3), .hrtop span:nth-child(4){ display:none}
.hrtop span{ width:28%;}
.hrtop span.job{ width:44%;}
.hrlist .toptit{padding: 0px 15px;}
.hrlist .toptit span:nth-child(3), .hrlist .toptit span:nth-child(4){ display:none}
.hrlist .toptit span{ width:28%;}
.hrlist .toptit span.job{ width:44%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hrlist .cont{margin: 15px 15px;}

.newsxiang .newsxleft{ float:none; width:100%; margin-bottom:30px;}
.newsxiang .newsxright{ float:none; width:100%; }
.video-show {width:90%; }
.shangxia{ padding:10px 0}
.shangxia li{ float:none; width:100%;}
.shangxia li:nth-child(2){ float:right}
.shangxia li a{ margin:0 20px; line-height:40px;}
}

@media screen and (max-width:540px){

.banner, .banner-box{height:300px; min-height:300px;}
#index-bnr .bnr-img{height:300px; min-height:300px;}

.iproduct .item{  float:none; width:100%; padding:20px 35px;}
.nprolist .item{  float:none; width:100%; padding:20px 35px; margin-top:20px;}
.nprolist .item:nth-child(1){margin-top:0px;}
.iabout .conn p{ line-height:26px;}

.inews .item{ width:48.5%; margin-right:0}
.inews .item:nth-child(2n){ float:right}
.inews .item:nth-child(3){ display:none}
.inews .item .date{padding-left: 15px;width: 110px;background: url(../images/date.png) no-repeat left center; background-size:100% 100%}
.footer li:nth-child(2), .footer li:nth-child(3){ display:none}
.footer .copyright{ line-height:20px;}
.footer li p.add { background: url(../images/fadd.png) no-repeat left 9px; padding-left: 25px;}
.footer li p.tel { padding-left: 25px;}
.footer li p.mail { padding-left: 25px;}

.ncb01 .item{ width:100%; float:none; margin-bottom:40px;}
.ncb01 .item .icon{ width:70px; height:70px;}
.ncb01 .item:nth-child(1){ padding-top:10px;}
.rencailn .kuai .title h3{ font-size:20px;}

.newsItem-img{margin-right: 0px; width:calc(100% - 80px)}
.newsItem-con{ width:100%; margin-top:20px;}

.newsItem-date{width: 60px;margin-right:20px;}
.newsItem-date .day{font-size: 24px; line-height:45px;}
.newsItem-date .year{ margin-top:5px;}
.newsItem-con .line{ display:none}


.videoList ul{ margin-right:0%}
.videoList li{ float:left; width:48.5%; margin-right:0%;}
.videoList li:nth-child(2n){ float:right}

.nab02 .item{ float:none; width:100%; clear:both}
.nab02 .item .pic{ width:50%; float:left;}
.nab02 .item .text{ width:50%; float:right;}
.nab02 .item .text h3{ font-size:18px;line-height: 35px; padding-top:10px;}
.nab02 .item .text p{ font-size:15px; line-height:24px;}
.nab02 .item:nth-child(2n) .pic{ float:right}
.nab02 .item:nth-child(2n) .text{ float:left}
.nab02 .item:nth-child(2n) .text p{line-height:20px;}


.nxprolist .item{ float:left; width:48.5%; margin-right:3%; margin-bottom:3%; }
.nxprolist .item:nth-child(3n){ margin-right:3%}
.nxprolist .item:nth-child(3n+1){ clear:none}
.nxprolist .item:nth-child(2n){ margin-right:0%}
.nxprolist .item:nth-child(2n+1){ clear:both}
.nxprolist .item .text{ padding:15px 10px;}
.nxprolist .item .text h3{ font-size:16px;}

.prodetail .pics{ float:none; width:100%; margin-bottom:30px;}
.prodetail .wenzi{ width:100%; float:none}
}

@media screen and (max-width:450px){
.banner, .banner-box{height:280px; min-height:280px;}
#index-bnr .bnr-img{height:280px; min-height:280px;}	
.iBnr3-box .t1{font-size:24px;}	
.title h3{font-size:24px; }
.rencailn .kuai .wenzi .inn{ height:380px;}
.hrtop{ font-size:16px; }

.nproxiang .nproxiang02{ display: block;}
.nproxiang .nproxiang02 .ppic{display: block;vertical-align: middle;width: 100%;}
.nproxiang .nproxiang02 .ttext{display:block;vertical-align: middle;width: 100%; padding-left:0%}
.nxprolist .text{ padding:0 5px}
.nxprolist .text:before{ display:none}
.nxprolist .item:hover .text{background:#15499a; color:#fff}
}